<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> <%@ taglib prefix="c"
uri="http://java.sun.com/jsp/jstl/core" %> <% String path =
request.getContextPath(); String basePath = request.getScheme() + "://" +
request.getServerName() + ":" + request.getServerPort() + path + "/"; %>
<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>Home || Rongcha - 抹茶</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- Place favicon.ico in the root directory -->
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="<%=basePath%>images/img/favicon.ico"
    />
    <!-- All CSS Hear -->
    <link rel="stylesheet" href="<%=basePath%>css/bootstrap.min.css" />
    <link rel="stylesheet" href="<%=basePath%>css/simple-line-icons.css" />
    <link rel="stylesheet" href="<%=basePath%>css/icofont.css" />
    <link rel="stylesheet" href="<%=basePath%>css/magnific-popup.css" />
    <link rel="stylesheet" href="<%=basePath%>css/animate.css" />
    <link rel="stylesheet" href="<%=basePath%>css/nice-select.css" />
    <link rel="stylesheet" href="<%=basePath%>css/jquery-ui.css" />
    <link rel="stylesheet" href="<%=basePath%>css/owl.carousel.min.css" />
    <link rel="stylesheet" href="<%=basePath%>css/mainmenu.css" />
    <!-- Style CSS Hear -->
    <link rel="stylesheet" href="<%=basePath%>css/style.css" />
    <link rel="stylesheet" href="<%=basePath%>css/responsive.css" />
    <script src="<%=basePath%>js/vendor/modernizr-2.8.3.min.js"></script>
  </head>
  <body>
    <!--[if lt IE 8]>
      <p class="browserupgrade">
        You are using an <strong>outdated</strong> browser. Please
        <a href="http://browsehappy.com/">upgrade your browser</a> to improve
        your experience. Thanks
      </p>
    <![endif]-->
    <!-- Add your application content here -->

    <div class="wrapper">
      <header>
        <div class="header-area bg-gray">
          <div class="container">
            <div class="row">
              <div class="col-lg-3 col-md-4">
                <div class="logo">
                  <a href="<%=basePath%>views/user/index.jsp"
                    ><img src="<%=basePath%>images/img/logo/logo.png" alt=""
                  /></a>
                </div>
              </div>
              <div class="col-lg-9 col-md-8">
                <div class="header-main-content">
                  <div class="main-menu-area d-none d-lg-block">
                    <nav>
                      <ul>
                        <li>
                          <a href="<%=basePath%>views/user/index.jsp"
                            >首页
<%--                            <i class="icofont icofont-simple-down"></i>--%>
                          </a>
                          <%--
                          <ul class="sub-menu">
                            --%> <%--
                            <li><a href="home-box.html">首页盒</a></li>
                            --%> <%--
                          </ul>
                          --%>
                        </li>
                        <li>
                          <a href="<%=basePath%>views/user/about-us.jsp"
                            >关于我们</a
                          >
                        </li>
                        <li>
                          <a href="<%=basePath%>user/shop"
                            >商城 <i class="icofont icofont-simple-down"></i
                          ></a>
                          <ul class="sub-menu">
                            <%--
                            <li><a href="shop-right.html">正确选购</a></li>
                            --%>
                            <li>
                              <a href="<%=basePath%>user/cart"
                                >购物车</a
                              >
                            </li>
                            <li>
                              <a href="<%=basePath%>user/orders"
                                >订单</a
                              >
                            </li>
                            <%--
                            <li>
                              <a href="<%=basePath%>views/user/wishlist.jsp"
                                >愿望清单</a
                              >
                            </li>
                            --%>
                          </ul>
                        </li>
                        <li>
                          <a href="<%=basePath%>views/user/shop.jsp">
                            我的 <i class="icofont icofont-simple-down"></i
                          ></a>
                          <ul class="sub-menu">
                            <li>
                              <a href="<%=basePath%>views/user/my-account.jsp"
                                >我的账户</a
                              >
                            </li>
                            <%--
                            <li>
                              <a
                                href="<%=basePath%>views/user/single-product.jsp"
                                >单品</a
                              >
                            </li>
                            --%> <%--
                            <li>
                              <a href="<%=basePath%>views/user/blog-details.jsp"
                                >博客详情</a
                              >
                            </li>
                            --%>
                            <li>
                              <a href="<%=basePath%>views/login.jsp"
                                >登录注册</a
                              >
                            </li>
                          </ul>
                        </li>
                        <li>
                          <a href="<%=basePath%>views/user/blog.jsp">博客</a>
                        </li>
                        <li>
                          <a href="<%=basePath%>views/user/contact-us.jsp">
                            联系我们</a
                          >
                        </li>
                      </ul>
                    </nav>
                  </div>
                  <div class="right-blok-box">
                    <div class="serch-container hidden-xs">
                      <a href="#"><i class="icon-magnifier"></i></a>
                      <div class="blog-search">
                        <form action="#" id="search">
                          <input
                            type="text"
                            placeholder="点击此处进行搜索"
                            name="s"
                          />
                          <button type="submit">
                            <i class="icofont icofont-search-alt-1"></i>
                          </button>
                        </form>
                      </div>
                    </div>
                    <div class="mine-cart-box">
                      <a href="<%=basePath%>user/cart"
                        ><i class="icon-handbag"></i
                        ><span id="cart-total">2</span></a
                      >
                      <ul class="mini-cart">
                        <li class="cart-item">
                          <div class="cart-image">
                            <a href="<%=basePath%>views/user/single-product.jsp"
                              ><img
                                src="<%=basePath%>images/img/product/1.jpg"
                                alt=""
                            /></a>
                          </div>
                          <div class="cart-title">
                            <a href="<%=basePath%>views/user/single-product.jsp"
                              ><h4>热茶</h4></a
                            >
                            <span class="quantity">1 ×</span>
                            <div class="price-box">
                              <span class="new-price">$ 130.00</span>
                            </div>
                            <a href="#" class="remove_from_cart"
                              ><i class="icon-trash icons"></i
                            ></a>
                          </div>
                        </li>
                        <li class="cart-item">
                          <div class="cart-image">
                            <a href="<%=basePath%>views/user/single-product.jsp"
                              ><img
                                src="<%=basePath%>images/img/product/6.jpg"
                                alt=""
                            /></a>
                          </div>
                          <div class="cart-title">
                            <a href="<%=basePath%>views/user/single-product.jsp"
                              ><h4>水果绿茶</h4></a
                            >
                            <span class="quantity">1 ×</span>
                            <div class="price-box">
                              <span class="new-price">$ 100.99</span>
                            </div>
                            <a href="#" class="remove_from_cart"
                              ><i class="icon-trash icons"></i
                            ></a>
                          </div>
                        </li>
                        <li class="subtotal-titles">
                          <div class="subtotal-titles">
                            <h3>总价 :</h3>
                            <span>$ 230.99</span>
                          </div>
                        </li>
                        <li class="mini-cart-btns">
                          <div class="cart-btns">
                            <a href="<%=basePath%>user/cart"
                              >购物车</a
                            >
                            <a href="<%=basePath%>user/order">订单</a>
                          </div>
                        </li>
                      </ul>
                    </div>
                    <div class="top-login-menu">
                      <div class="top-login-inner">
                        <c:choose>
                          <c:when test="${not empty sessionScope.customerName}">
                            <a href="<%=basePath%>views/user/my-account.jsp"
                              ><i class="icon-user"></i>
                              <span class="user-login"
                                >${sessionScope.customerName}</span
                              >
                            </a>
                          </c:when>
                          <c:otherwise>
                            <a href="<%=basePath%>views/login.jsp"
                              ><i class="icon-user"></i>
                              <span class="user-login">Login</span>
                            </a>
                          </c:otherwise>
                        </c:choose>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-lg-12">
                <!-- Mobile Menu Area Start -->
                <div class="mobile-menu-area d-block d-lg-none">
                  <div class="mobile-menu">
                    <nav id="mobile-menu-active">
                      <ul>
                        <li>
                          <a href="<%=basePath%>views/user/index.jsp">首页</a>
                          <%--
                          <ul>
                            --%> <%--
                            <li><a href="home-box.html">首页盒</a></li>
                            --%> <%--
                          </ul>
                          --%>
                        </li>
                        <li>
                          <a href="<%=basePath%>views/user/about-us.jsp"
                            >关于我们</a
                          >
                        </li>
                        <li>
                          <a href="<%=basePath%>views/user/shop.jsp">商城</a>
                          <ul>
                            <li><a href="shop-right.html">Shop Right</a></li>
                            <li>
                              <a href="<%=basePath%>views/user/checkout.jsp"
                                >Checkout</a
                              >
                            </li>
                            <li>
                              <a href="<%=basePath%>views/user/wishlist.jsp"
                                >Wish List</a
                              >
                            </li>
                            <li>
                              <a href="<%=basePath%>views/user/cart.jsp"
                                >Cart</a
                              >
                            </li>
                          </ul>
                        </li>
                        <li>
                          <a href="#"> Pages</a>
                          <ul>
                            <li>
                              <a href="<%=basePath%>views/user/my-account.jsp"
                                >My account</a
                              >
                            </li>
                            <li>
                              <a
                                href="<%=basePath%>views/user/single-product.jsp"
                                >Single Product</a
                              >
                            </li>
                            <li>
                              <a href="<%=basePath%>views/user/blog-details.jsp"
                                >Blog details</a
                              >
                            </li>
                            <li>
                              <a href="<%=basePath%>views/login.jsp"
                                >Login Register</a
                              >
                            </li>
                          </ul>
                        </li>
                        <li>
                          <a href="<%=basePath%>views/user/blog.jsp">Blog</a>
                        </li>
                        <li>
                          <a href="<%=basePath%>views/user/contact-us.jsp">
                            Contact Us</a
                          >
                        </li>
                      </ul>
                    </nav>
                  </div>
                </div>
                <!-- Mobile Menu Area End -->
              </div>
            </div>
          </div>
        </div>
      </header>

      <!-- slider-main-area start-->
      <div class="slider-main-area">
        <div class="slider-active owl-carousel">
          <!-- slider-wrapper start -->
          <div
            class="slider-wrapper"
            style="
              background-image: url(<%=basePath%>images/img/slider/slider-1.jpg);
            "
          >
            <div class="container">
              <div class="row">
                <div class="col-lg-6 offset-lg-1 col-xl-6 offset-xl-0 col-md-8">
                  <div class="slider-text-info slider-text-animation">
                    <h1>
                      Want to Drink <span> Organic </span> <br />take matcha.
                    </h1>
                    <p>如果你也希望喝到Rang Cha,请尽快行动吧！</p>
                    <div class="slier-btn">
                      <a
                        title="shop now"
                        href="<%=basePath%>views/user/shop.jsp"
                        class="shop-btn"
                        >开始购物<i class="icon-handbag"></i
                      ></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- slider-wrapper end -->
          <!-- slider-wrapper start -->
          <div
            class="slider-wrapper"
            style="
              background-image: url(<%=basePath%>images/img/slider/slider-2.jpg);
            "
          >
            <div class="container">
              <div class="row">
                <div class="col-xl-6 offset-xl-0 col-lg-6 offset-lg-1 col-md-8">
                  <div class="slider-text-info slider-text-animation">
                    <h1>
                      Want to Drink <span> Organic </span> <br />take matcha.
                    </h1>
                    <p>如果你也希望喝到Rang Cha,请尽快行动吧！</p>
                    <div class="slier-btn">
                      <a
                        title="shop now"
                        href="<%=basePath%>views/user/shop.jsp"
                        class="shop-btn"
                        >开始购物<i class="icon-handbag"></i
                      ></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- slider-wrapper end -->
        </div>
      </div>
      <!-- slider-main-area end-->

      <!-- product-area start -->
      <div class="product-area section-bg ptb-100">
        <div class="container">
          <div class="row">
            <div class="col">
              <div class="section-title text-center">
                <h2 class="titel">热门产品</h2>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-3 col-md-6">
              <!-- single-product-wrap start -->
              <div class="single-product-wrap">
                <div class="product-thum">
                  <a href="<%=basePath%>views/user/single-product.jsp">
                    <img
                      class="primary-image"
                      src="<%=basePath%>images/img/product/1.jpg"
                      alt=""
                    />
                    <img
                      class="secondary-image"
                      src="<%=basePath%>images/img/product/2.jpg"
                      alt=""
                    />
                  </a>
                  <span>-35%</span>
                  <div class="product-action">
                    <a href="#" class="add-to-cart-btn"
                      ><i class="icon-basket icons"></i
                    ></a>
                    <a href="#" class="compare-btn">
                      <i class="icon-tag icons"></i
                    ></a>
                    <a href="#" class="add-to-wishlist-btn"
                      ><i class="icon-heart icons"></i
                    ></a>
                  </div>
                </div>
                <div class="product-info text-center">
                  <a href="<%=basePath%>views/user/single-product.jsp"
                    ><h3>绿茶</h3></a
                  >
                  <div class="price-box">
                    <span class="old-price">$135.00</span>
                    <span class="new-price"> $100.00</span>
                  </div>
                </div>
              </div>
              <!-- single-product-wrap end -->
            </div>
            <div class="col-lg-3 col-md-6">
              <!-- single-product-wrap start -->
              <div class="single-product-wrap">
                <div class="product-thum">
                  <a href="<%=basePath%>views/user/single-product.jsp">
                    <img
                      class="primary-image"
                      src="<%=basePath%>images/img/product/2.jpg"
                      alt=""
                    />
                    <img
                      class="secondary-image"
                      src="<%=basePath%>images/img/product/4.jpg"
                      alt=""
                    />
                  </a>
                  <span>Hot</span>
                  <div class="product-action">
                    <a href="#" class="add-to-cart-btn"
                      ><i class="icon-basket icons"></i
                    ></a>
                    <a href="#" class="compare-btn">
                      <i class="icon-tag icons"></i
                    ></a>
                    <a href="#" class="add-to-wishlist-btn"
                      ><i class="icon-heart icons"></i
                    ></a>
                  </div>
                </div>
                <div class="product-info text-center">
                  <a href="<%=basePath%>views/user/single-product.jsp"
                    ><h3>龙井茶</h3></a
                  >
                  <div class="price-box">
                    <span class="old-price">$144.00</span>
                    <span class="new-price"> $104.00</span>
                  </div>
                </div>
              </div>
              <!-- single-product-wrap end -->
            </div>
            <div class="col-lg-3 col-md-6">
              <!-- single-product-wrap start -->
              <div class="single-product-wrap">
                <div class="product-thum">
                  <a href="<%=basePath%>views/user/single-product.jsp">
                    <img
                      class="primary-image"
                      src="<%=basePath%>images/img/product/3.jpg"
                      alt=""
                    />
                    <img
                      class="secondary-image"
                      src="<%=basePath%>images/img/product/1.jpg"
                      alt=""
                    />
                  </a>
                  <span>-35%</span>
                  <div class="product-action">
                    <a href="#" class="add-to-cart-btn"
                      ><i class="icon-basket icons"></i
                    ></a>
                    <a href="#" class="compare-btn">
                      <i class="icon-tag icons"></i
                    ></a>
                    <a href="#" class="add-to-wishlist-btn"
                      ><i class="icon-heart icons"></i
                    ></a>
                  </div>
                </div>
                <div class="product-info text-center">
                  <a href="<%=basePath%>views/user/single-product.jsp"
                    ><h3>黄茶</h3></a
                  >
                  <div class="price-box">
                    <span class="old-price">$145.00</span>
                    <span class="new-price"> $99.00</span>
                  </div>
                </div>
              </div>
              <!-- single-product-wrap end -->
            </div>
            <div class="col-lg-3 col-md-6">
              <!-- single-product-wrap start -->
              <div class="single-product-wrap">
                <div class="product-thum">
                  <a href="<%=basePath%>views/user/single-product.jsp">
                    <img
                      class="primary-image"
                      src="<%=basePath%>images/img/product/4.jpg"
                      alt=""
                    />
                    <img
                      class="secondary-image"
                      src="<%=basePath%>images/img/product/1.jpg"
                      alt=""
                    />
                  </a>
                  <span>New</span>
                  <div class="product-action">
                    <a href="#" class="add-to-cart-btn"
                      ><i class="icon-basket icons"></i
                    ></a>
                    <a href="#" class="compare-btn">
                      <i class="icon-tag icons"></i
                    ></a>
                    <a href="#" class="add-to-wishlist-btn"
                      ><i class="icon-heart icons"></i
                    ></a>
                  </div>
                </div>
                <div class="product-info text-center">
                  <a href="<%=basePath%>views/user/single-product.jsp"
                    ><h3>水果绿茶</h3></a
                  >
                  <div class="price-box">
                    <span class="old-price">$15.00</span>
                    <span class="new-price"> $99.00</span>
                  </div>
                </div>
              </div>
              <!-- single-product-wrap end -->
            </div>
          </div>
        </div>
      </div>
      <!-- product-area end -->

      <!-- provide-section start  -->
      <div
        class="provide-section section-bg-2"
        style="
          background-image: url('<%=basePath%>images/img/banner/bg-2.jpg');
          background-size: cover;
          background-position: center;
        "
      >
        <div class="container">
          <div class="row">
            <div class="col-lg-6 offset-lg-6">
              <h3 class="provide-title">
                我们提供 organic <br />
                green tea 对您
              </h3>
              <p>如果你也希望喝到organic green tea,请尽快行动吧！</p>
              <div class="provide-btn">
                <a
                  href="<%=basePath%>views/user/about-us.jsp"
                  class="read-button"
                  >Read More <i class="icofont icofont-double-right"></i
                ></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- provide-section end -->

      <!-- product-area start -->
      <div class="product-area section-bg ptb-100">
        <div class="container">
          <div class="row">
            <div class="col">
              <div class="section-title text-center">
                <h2 class="titel-2">新上产品</h2>
                <!-- product-tabs-list start -->
                <div class="product-tabs-list">
                  <ul role="tablist" class="nav">
                    <li class="active" role="presentation">
                      <a
                        data-bs-toggle="tab"
                        role="tab"
                        aria-controls="black-coffee"
                        href="#black-coffee"
                        class="active show"
                        aria-selected="true"
                        >黑茶 <span class="count_products">8</span></a
                      >
                    </li>
                    <li role="presentation">
                      <a
                        data-bs-toggle="tab"
                        role="tab"
                        aria-controls="brown-tea"
                        href="#brown-tea"
                        >棕茶 <span class="count_products">6</span></a
                      >
                    </li>
                    <li role="presentation">
                      <a
                        data-bs-toggle="tab"
                        role="tab"
                        aria-controls="green-tea"
                        href="#green-tea"
                        >绿茶 <span class="count_products">7</span></a
                      >
                    </li>
                  </ul>
                </div>
                <!-- product-tabs-list end -->
              </div>
            </div>
          </div>
          <!-- tab-content start -->
          <div class="tab-content">
            <div id="black-coffee" class="tab-pane active show" role="tabpanel">
              <div class="row">
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/5.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/6.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>伦敦巴尔克茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$155.00</span>
                        <span class="new-price"> $100.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/2.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$105.00</span>
                        <span class="new-price"> $99.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/7.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>美国黑茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$275.00</span>
                        <span class="new-price"> $120.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>黄茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$145.00</span>
                        <span class="new-price"> $140.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/8.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$185.00</span>
                        <span class="new-price"> $102.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/6.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$155.00</span>
                        <span class="new-price"> $100.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/9.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$185.00</span>
                        <span class="new-price"> $160.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/4.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$155.00</span>
                        <span class="new-price"> $100.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
              </div>
            </div>
            <div id="brown-tea" class="tab-pane" role="tabpanel">
              <div class="row">
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/10.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>美国棕茶</h3></a
                      >
                      <div class="price-box">
                        <span class="new-price"> $102.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/6.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$155.00</span>
                        <span class="new-price"> $100.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/9.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$185.00</span>
                        <span class="new-price"> $160.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/4.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$155.00</span>
                        <span class="new-price"> $100.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/8.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$185.00</span>
                        <span class="new-price"> $102.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/4.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$155.00</span>
                        <span class="new-price"> $100.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
              </div>
            </div>
            <div id="green-tea" class="tab-pane" role="tabpanel">
              <div class="row">
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>美国茶</h3></a
                      >
                      <div class="price-box">
                        <span class="new-price"> $102.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/6.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$155.00</span>
                        <span class="new-price"> $100.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/9.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$185.00</span>
                        <span class="new-price"> $160.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/4.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$155.00</span>
                        <span class="new-price"> $100.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/8.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$185.00</span>
                        <span class="new-price"> $102.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/10.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/2.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$185.00</span>
                        <span class="new-price"> $102.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
                <div class="col-lg-3 col-md-6">
                  <!-- single-product-wrap start -->
                  <div class="single-product-wrap">
                    <div class="product-thum">
                      <a href="<%=basePath%>views/user/single-product.jsp">
                        <img
                          class="primary-image"
                          src="<%=basePath%>images/img/product/4.jpg"
                          alt=""
                        />
                        <img
                          class="secondary-image"
                          src="<%=basePath%>images/img/product/3.jpg"
                          alt=""
                        />
                      </a>
                      <span>-35%</span>
                      <div class="product-action">
                        <a href="#" class="add-to-cart-btn"
                          ><i class="icon-basket icons"></i
                        ></a>
                        <a href="#" class="compare-btn">
                          <i class="icon-tag icons"></i
                        ></a>
                        <a href="#" class="add-to-wishlist-btn"
                          ><i class="icon-heart icons"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-info text-center">
                      <a href="<%=basePath%>views/user/single-product.jsp"
                        ><h3>绿茶</h3></a
                      >
                      <div class="price-box">
                        <span class="old-price">$155.00</span>
                        <span class="new-price"> $100.00</span>
                      </div>
                    </div>
                  </div>
                  <!-- single-product-wrap end -->
                </div>
              </div>
            </div>
          </div>
          <!-- tab-content end -->
        </div>
      </div>
      <!-- product-area end -->

      <!-- weekly-flash-wrapper start -->
      <div class="weekly-flash-wrapper">
        <div class="weekly-flash-inner">
          <div class="weekly-main-wrap">
            <div class="main-img">
              <img src="<%=basePath%>images/img/banner/bg-03.jpg" alt="" />
            </div>
            <div class="main-content">
              <h4>折扣和优惠</h4>
              <h2>每周限时抢购</h2>
              <p>
                Duis autem vel eum iriure dolor in hendrerit in vulputate velit
                esse molestie consequat, vel illum dolore eu feugiat nulla
                facilisis at vero eros et accumsan et iusto odio dignissim qui
                blandit praesent luptatum zzril delenit augue duis dolore te
                feugait nulla facilisi.
              </p>
              <div class="collection-shoing">
                <a href="<%=basePath%>views/user/shop.jsp">浏览商城</a>
                <a href="<%=basePath%>views/user/shop.jsp">查看收藏</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- weekly-flash-wrapper end -->

      <!-- our-blog-area start -->
      <div class="our-blog-area section-bg ptb-100">
        <div class="container">
          <div class="row">
            <div class="col">
              <div class="section-title text-center">
                <h2 class="titel">我们的博客</h2>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-4 col-md-6">
              <div class="singel-our-blog">
                <div class="blog-thum">
                  <img src="<%=basePath%>images/img/blog/1.jpg" alt="" />
                  <div class="blog-button">
                    <a href="<%=basePath%>views/user/blog-details.jsp"
                      >了解更多</a
                    >
                  </div>
                </div>
                <div class="aritcles-content text-center">
                  <div class="articles-date">
                    By <span>rongcha</span>- May 26,2018
                  </div>
                  <a href="<%=basePath%>views/user/blog-details.jsp"
                    >Lorem 正在享受他的下午茶</a
                  >
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6">
              <div class="singel-our-blog">
                <div class="blog-thum">
                  <img src="<%=basePath%>images/img/blog/2.jpg" alt="" />
                  <div class="blog-button">
                    <a href="<%=basePath%>views/user/blog-details.jsp"
                      >了解更多</a
                    >
                  </div>
                </div>
                <div class="aritcles-content text-center">
                  <div class="articles-date">
                    By <span>rongcha</span>- May 26,2018
                  </div>
                  <a href="<%=basePath%>views/user/blog-details.jsp"
                    >绿茶是一个有颜色有生命的茶</a
                  >
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6">
              <div class="singel-our-blog">
                <div class="blog-thum">
                  <img src="<%=basePath%>images/img/blog/3.jpg" alt="" />
                  <div class="blog-button">
                    <a href="<%=basePath%>views/user/blog-details.jsp"
                      >了解更多</a
                    >
                  </div>
                </div>
                <div class="aritcles-content text-center">
                  <div class="articles-date">
                    By <span>rongcha</span>- May 28,2018
                  </div>
                  <a href="<%=basePath%>views/user/blog-details.jsp"
                    >Lorem 正在享受闲暇的下午时光</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- our-blog-area end -->

      <!-- our-brand-area start -->
      <div class="our-brand-area ptb-100">
        <div class="container">
          <div class="row">
            <div class="brand-active owl-carousel">
              <div class="col">
                <div class="single-brand">
                  <a href="#"
                    ><img src="<%=basePath%>images/img/brand/1.png" alt=""
                  /></a>
                </div>
              </div>
              <div class="col">
                <div class="single-brand">
                  <a href="#"
                    ><img src="<%=basePath%>images/img/brand/2.png" alt=""
                  /></a>
                </div>
              </div>
              <div class="col">
                <div class="single-brand">
                  <a href="#"
                    ><img src="<%=basePath%>images/img/brand/3.png" alt=""
                  /></a>
                </div>
              </div>
              <div class="col">
                <div class="single-brand">
                  <a href="#"
                    ><img src="<%=basePath%>images/img/brand/4.png" alt=""
                  /></a>
                </div>
              </div>
              <div class="col">
                <div class="single-brand">
                  <a href="#"
                    ><img src="<%=basePath%>images/img/brand/3.png" alt=""
                  /></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- our-brand-area end -->

      <!-- footer-area start -->
      <footer class="footer-area">
        <div class="footer-top">
          <div class="container">
            <div class="row">
              <div class="col-lg-3 col-md-6">
                <!-- single-footer-info start -->
                <div class="single-footer-info">
                  <h3 class="footer-info-title">联系我们</h3>
                  <ul class="footer-address">
                    <li>
                      <i class="icon-location-pin"></i>
                      <p class="desc_call">
                        我们的地址, 成都市郫都区红光镇银润北一路4号4层。
                      </p>
                    </li>
                    <li>
                      <i class="icon-envelope-open"></i>
                      <a class="mail" href="#"> test@example.com</a>
                    </li>
                    <li>
                      <i class="icon-phone"></i>
                      <p class="desc_call">+99 111 222 333</p>
                    </li>
                  </ul>
                </div>
                <!-- single-footer-info end -->
              </div>
              <div class="col-lg-3 col-md-6">
                <!-- single-footer-info start -->
                <div class="single-footer-info">
                  <h3 class="footer-info-title">关于我们</h3>
                  <ul class="footer-list">
                    <li>
                      <a href="<%=basePath%>views/user/about-us.jsp"
                        >送货信息</a
                      >
                    </li>
                    <li><a href="#">隐私策略</a></li>
                    <li><a href="#">团队 & 基地</a></li>
                    <li>
                      <a href="<%=basePath%>views/user/contact-us.jsp"
                        >联系我们</a
                      >
                    </li>
                  </ul>
                </div>
                <!-- single-footer-info end -->
              </div>
              <div class="col-lg-3 col-md-6">
                <!-- single-footer-info start -->
                <div class="single-footer-info">
                  <h3 class="footer-info-title">我的账户</h3>
                  <ul class="footer-list">
                    <li>
                      <a href="<%=basePath%>views/user/my-account.jsp">
                        我的账户</a
                      >
                    </li>
                    <li>
                      <a href="<%=basePath%>views/user/orders.jsp">订单</a>
                    </li>
                    <li>
                      <a href="<%=basePath%>views/user/cart.jsp"> 购物车</a>
                    </li>
                    <li>
                      <a href="<%=basePath%>views/user/wishlist.jsp">心愿单</a>
                    </li>
                  </ul>
                </div>
                <!-- single-footer-info end -->
              </div>
              <div class="col-lg-3 col-md-6">
                <!-- single-footer-info start-->
                <div class="single-footer-info">
                  <h3 class="footer-info-title">最新资讯</h3>
                  <ul class="sidebar-post">
                    <li>
                      <div class="post-img">
                        <a href="#"
                          ><img
                            src="<%=basePath%>images/img/blog/s-1.jpg"
                            alt=""
                        /></a>
                      </div>
                      <div class="post-text">
                        <h4><a href="#">绿茶是可以养生的茶 </a></h4>
                        <span>May 26, 2018</span>
                      </div>
                    </li>
                    <li>
                      <div class="post-img">
                        <a href="#"
                          ><img
                            src="<%=basePath%>images/img/blog/s-2.jpg"
                            alt=""
                        /></a>
                      </div>
                      <div class="post-text">
                        <h4><a href="#">长期喝茶，可以提升健康</a></h4>
                        <span>May 28, 2018</span>
                      </div>
                    </li>
                  </ul>
                </div>
                <!-- single-footer-info end-->
              </div>
            </div>
          </div>
        </div>
        <div class="footer-bottom">
          <div class="container">
            <div class="row">
              <div class="col">
                <!-- copy-right start -->
                <div class="copy-right">
                  <p>
                    Copyright © 2025 All Right Reserved.
                    <a
                      target="_blank"
                      href="https://www.mobanwang.com/"
                      title="网站模板"
                    ></a>
                  </p>
                </div>
                <!-- copy-right end -->
              </div>
            </div>
          </div>
        </div>
      </footer>
      <!-- footer-area end -->
    </div>

    <!-- jquery -->
    <script src="<%=basePath%>js/vendor/jquery-1.12.4.min.js"></script>
    <!-- all plugins JS hear -->
    <script src="<%=basePath%>js/popper.min.js"></script>
    <script src="<%=basePath%>js/bootstrap.min.js"></script>
    <script src="<%=basePath%>js/owl.carousel.min.js"></script>
    <script src="<%=basePath%>js/jquery.mainmenu.js"></script>
    <script src="<%=basePath%>js/ajax-email.js"></script>
    <script src="<%=basePath%>js/plugins.js"></script>
    <!-- main JS -->
    <script src="<%=basePath%>js/main.js"></script>

    <script>
      // 检查用户登录状态
      function checkLoginStatus() {
          // 这里可以添加AJAX请求来验证用户登录状态
          // 示例代码，实际应根据您的后端实现进行调整
          const isLoggedIn = ${not empty sessionScope.customerName};
          if (!isLoggedIn) {
              // 如果用户未登录，可以重定向到登录页面
              // window.location.href = "<%=basePath%>views/user/login-register.jsp";
          }
      }

      // 页面加载完成后执行
      $(document).ready(function() {
          checkLoginStatus();

          // 更新购物车数量
          updateCartCount();
      });

      // 更新购物车数量
      function updateCartCount() {
          // 这里可以添加AJAX请求来获取购物车商品数量
          // 示例代码，实际应根据您的后端实现进行调整
          const cartCount = 2; // 假设购物车中有2件商品
          $('#cart-total').text(cartCount);
      }
    </script>
  </body>
</html>
